@import '../../../colorui/main.css';
@import '../../../colorui/icon.css'; /* d:\applet\byteApplet\dy-wallpaper-applet-2\pages\talent\mytalent\mytalent.css */

/* 引入colorUI样式 */

page {
    background-color: white;
}
.container {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-bottom: env(safe-area-inset-bottom);
    /* 0 */
}

/* 最新文章 */
.list-box.data-v-0034d6f4 {
    background: white;
    width: 100vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 150px;
}

.list-box .image.data-v-0034d6f4 {
    width: 230rpx;
    height: 320rpx;
    box-shadow: 0 2rpx 16rpx 0 #ffffff;
    border-radius: 15rpx;
    margin-top: 7.5rpx;
    margin-bottom: 7.5rpx;
    margin-left: 15rpx;
}

/**
表情包 头像
*/
.list-box .emoticon.data-v-0034d6f4 {
    width: 32vw;
    height: 120px;
    box-shadow: 0 2rpx 16rpx 0 #ffffff;
    border-radius: 15rpx;
    margin-top: 7.5rpx;
    margin-bottom: 7.5rpx;
    margin-left: 8rpx;
}
/**
背景图
*/
.list-box .background-image.data-v-0034d6f4 {
    width: 47vw;
    height: 101px;
    box-shadow: 0 2rpx 16rpx 0 #ffffff;
    border-radius: 15rpx;
    margin-top: 7.5rpx;
    margin-bottom: 7.5rpx;
    margin-left: 16rpx;
}

.top-label {
    text-align: center;
    background-color: gainsboro;
    width: 100%;
}

/**分类*/

.tab-view::before {
    content: '';
    position: absolute;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    bottom: 0;
    right: 0;
    left: 0;
}

.tab-view {
    width: 100%;
    height: 100rpx;
    overflow: hidden;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    z-index: 99;
    background: #ffffff;
    white-space: nowrap;
	margin-top: 90px;
}


.tab-view-two {
    width: 100%;
    height: 100rpx;
    overflow: hidden;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    z-index: 99;
    background: #ffffff;
    white-space: nowrap;
	margin-top: 140px;
}

.guoshao-tab{
	height: 30px !important;
	line-height: 30px !important;
	margin-top: 10px !important;
}

.tab-view-sel {
	background-color:#6aa7ff !important;
	color: #FFFFFF;
}

.tab-bar-item {
    padding: 0;
    height: 100rpx;
    min-width: 80rpx;
    line-height: 100rpx;
    margin: 0 28rpx;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

.active {
    border-bottom: 6rpx solid #5677fc;
}

.active .tab-bar-title {
    color: #5677fc !important;
    font-size: 28rpx;
    font-weight: bold;
}

.guoshao-top-info{
	position: fixed;
	z-index: 999;
	width: 100%;
}


/*手机壁纸  begin*/
.guoshao-tags{
	position: absolute;
	z-index: 10;
	margin-left: 168rpx;
	margin-top: 7.5rpx;
	
}
/*手机壁纸  end*/

/*背景图  begin*/
.guoshao-tags-3{
	position: absolute;
	z-index: 10;
	margin-left: 292rpx;
	margin-top: 7.5rpx;
}
/*背景图 end*/

/*头像begin*/
.guoshao-tags-4{
	position: absolute;
	z-index: 10;
	margin-left: 171rpx;
	margin-top: 7.5rpx;
}

/*头像end*/

.shengming{
	margin-top: -40px;
	padding: 10px;
	font-size: 14px;
	color: black;
	font-weight: 600;
}